<template lang="jade">
    li(:class="{'active':active}")
        b 
        span {{label}} 
        slot
</template>

<script>
export default {
  name: 'lineItem',
  props: {
    label: {
      type: String,
      default: ''
    },
    active: {
      type: String,
      default: ''
    }
  },
  data () {
    return {}
  },
  methods: {},
  watch: {},
  computed: {}
}
</script>

<style lang="scss" scoped>
li {
  margin-top: 25px;
  padding-left: 20px;
  position: relative;
  cursor: pointer;
  &:nth-child(1) {
    margin-top: 0;
  }
  b {
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #dcdfe6;
    position: absolute;
    left: -6px;
    top: 1px;
  }
  &.active b {
    background: #409eff;
  }
}
</style>
